<template>
  <div>
    <!-- 1. 在表单中使用 v-model 指令来绑定输入框的数据到 Vue 实例的数据。
2. 当提交表单时触发诊断函数，在诊断函数中，根据患者的信息计算出 Body Mass Index (BMI)，并判断该患者是否健康。
3. 显示诊断结果（健康/不健康）。
注意：BMI（身体质量指数）的计算公式是将一个人的体重除以他们身高的平方。BMI的计算公式如下：
BMI = 体重（kg）/ 身高（m）^2另外，BMI也可以用磅和英寸来计算，公式如下：
BMI = 703 x 体重（磅）/ 身高（英寸）^2 -->
    <form>
      <label>姓名：</label>
      <input type="text" v-model="form.uname" /><br /><br />

      <label>年龄：</label>
      <input type="number" v-model.number="form.age" /><br /><br />

      <label>身高：</label>
      <input type="number" v-model.number="form.hight" />(米)<br /><br />

      <label>体重：</label>
      <input type="number" v-model.number="form.weight" />(公斤)<br /><br />

      <label>病史：</label>
      <input type="text" /><br /><br />

      <button @click.prevent="submit">诊断</button>
    </form>

    <p v-show="isShow">患者{{ form.uname }} 的诊断结果：{{healthy}}</p>
    <!-- BMI = 体重（kg）/ 身高（m）^2 -->
    <!-- 另外，BMI也可以用磅和英寸来计算，公式如下：
      BMI = 703 x 体重（磅）/ 身高（英寸）^2 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        uname: "",
        age: "",
        hight: "",
        weight: "",
      },
      isShow: false,
      healthy: "",
    };
  },
  //   18.5<=MBI <= 23.9
  methods: {
    submit() {
      // this.form = { ...this.form };
      this.isShow = true;
      const BMI = this.form.weight / (this.form.hight * this.form.hight);
      if (BMI >= 18.5 &&  BMI<23.9) {
        this.healthy = "正常";
      } else if (BMI < 18.5) {
        this.healthy = "体重过轻";
      } else if ( BMI > 23.9) {
        this.healthy = "体重过重";
      }
    },
  },
};
</script>